You don’t have to fill the whole screen 不必填滿整個螢幕
以前我們用960畫素寬度設計網頁。現在連手機螢幕都比這個寬了。現在我們用大螢幕設計時,常常會用到1200到1400畫素的寬度。但是,有這麼大的空間不代表一定要用完。

用多少空間要看實際需要。比如說,如果600畫素就夠了,就用600畫素。把內容不必要地鋪得太開反而會讓介面不好用。適當留白反而更好。

這個道理適用於介面的每個部分。不要因為導航欄是全屏寬,就把其他內容也做得那麼寬。記住:每個元素只需要合適的空間就好,不要為了整齊而影響使用體驗。

Shrink the canvas 如何更好地設計小介面?
很簡單,把畫布調小一些!這樣更容易設計出好用的小介面。做響應式網頁時,建議先用手機大小(大約400畫素寬)的畫布設計。
等手機版設計好了,再調整到大螢幕。你會發現需要改的地方其實不多。


Thinking in columns 分欄思維
想要讓窄內容在寬屏上看起來更好?試試把內容分成幾欄,而不是簡單地加寬。比如一個窄表單:如果想在寬屏上顯示得更好,可以把說明文字放在旁邊一欄。這樣既美觀又實用,表單本身的寬度還是最合適的大小。


Don’t force it 不要強求填滿空間
總之要記住:不用刻意填滿所有空間,也不要把內容擠得太密。需要大空間就用,不需要就不用,一切按實際需求來定。